/* 当前位置 */
.location{ overflow: hidden;box-shadow: 0 0 8px rgba(0,0,0,.2);height: 60px;line-height: 60px;}
.here{ color: #666; border-bottom: 1px solid #E7E7E7; height: 40px; line-height: 40px;}
.here a{ color: #999;}
.here i{float: left; font-size: 20px; color: #333;}

/* search */
.search{overflow: hidden;height: 70px; border-bottom: 1px solid #E7E7E7; }
.search-l{float: left;overflow: hidden;line-height: 70px; color: #999; width: calc((100% - 400px)); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.search-l b{color: #666;}
.search-r{float: right;padding: 15px; width: 352px; border-left: 1px solid #E7E7E7; padding-left: 30px;}
.search .key{float: left; border:1px solid #E7E7E7; background: #fff; height: 35px;padding: 0 10px; width: 260px;}
.search .go{float: left; border:none; height: 35px; width: 46px; background: url(../images/ss.jpg) no-repeat;}

/* 内页BANNER */
.ny-banner{ text-align: center; height: 450px;}
.ny-banner .text{color: #FFF; padding-top: 80px;}
.ny-banner .text h2{ font-size: 38px;}

.page_title{ text-align: center; color: #ccc; padding: 60px 0;}
.page_title h2{font-size: 32px;color: #034b9b; font-weight: bold;}

/* 关于我们 */
.pagecontact{ margin: 15px 0; line-height: 26px;}
.pagecontact img{max-width: 100%;}


/* 案例中心 */
.caselist{overflow: hidden; margin-bottom: 50px;}
.caselist ul{}
.caselist ul li{float: left; width: 277px; margin-right: 30px; margin-bottom: 30px;}
.caselist ul li:nth-of-type(4n+0){margin-right: 0;}
.caselist ul li .img{position: relative;height: 230px;width: 277px; overflow: hidden; border: 1px solid #f3f3f3;}
.caselist ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.caselist ul li .img img:hover{transform: scale(1.2);}
.caselist ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3; clear: both;}


/* 图片展示 */
.portfolio-area{overflow: hidden; padding: 20px 0;}
.portfolio-area ul{}
.portfolio-area ul li{float: left;overflow: hidden;width: 281px; margin-right: 30px; margin-bottom: 20px;}
.portfolio-area ul li:nth-of-type(3n+0){margin-right: 0;}
.portfolio-area ul li .img{position: relative;height: 183px;overflow: hidden; border: 1px solid #f3f3f3;}
.portfolio-area ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.portfolio-area ul li .img img:hover{transform: scale(1.2);}
.portfolio-area ul li h2{text-align: center; height: 40px; line-height: 40px;clear: both;}



/* 产品中心 */
.main_l{float: left; width: 255px; margin-right: 40px;}
.main_r{float: right; width:905px ;}

.left_pro_title{overflow: hidden; background: url(../images/left01.jpg) no-repeat; height: 99px;}
.left_pro_title .text{ color: #FFF; margin-left: 105px; margin-top: 27px;}
.left_pro_title .text span{ font-size: 22px;}
.left_pro_title .text em{display: block; font-size: 16px; text-transform: uppercase;}

.left_pro{overflow: hidden; background: #FFF;}
.left_pro ul{ padding: 15px;}
.left_pro ul li{font-size: 16px;    background: #eff0f0;    height: 60px;    line-height: 60px;    margin-bottom: 2px;}
.left_pro ul li a{ padding-left: 30px;}
.left_pro ul li.active a{display: block; background: #b7b7b7; height: 40px; line-height: 40px; color: #FFF;padding-left: 30px;}

.left_lx{border: 1px solid #E7E7E7; padding: 15px ;}


.product-list{overflow: hidden; margin: 20px 0;}
.product-list ul{}
.product-list ul li{float: left; width: 281px; margin-right: 30px; margin-bottom: 20px;}
.product-list ul li:nth-of-type(3n+0){margin-right: 0;}
.product-list ul li .img{position: relative;height: 230px;overflow: hidden; border: 1px solid #f3f3f3;}
.product-list ul li .img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.product-list ul li .img img:hover{transform: scale(1.2);}
.product-list ul li h2{text-align: center; height: 50px; line-height: 50px; background: #f3f3f3; clear: both;}
.product-list ul li:hover .img{border: 1px solid #604a7b;}
.product-list ul li:hover h2{background: #604a7b;}
.product-list ul li a:hover{color: #FFF;}


/* 人力资源 */
.joblist{ margin-bottom: 100px;}
.joblist .jobtitle{ text-align: center; border-bottom: 1px solid #dddddd;}
.joblist .jobtitle h2{ font-size: 30px; }
.joblist .jobtitle p{ color: #9c9b9b; line-height: 40px;}
.joblist ul{ margin-top: 30px; }
.joblist ul li{ width: calc((100% - 2%) / 2); margin-right: 2%; float: left; border:1px solid #dddddd; margin-top: 20px; padding: 20px;}
.joblist ul li:nth-child(2n){ margin-right: 0%; }
.joblist ul li h4{ font-size: 22px; line-height: 40px; }
.joblist ul li p { font-size: 14px; line-height: 30px; }
.joblist ul li p span{ color: #555555; }
.joblist ul li p b{ margin: 0 20px; color: #c4c4c4; }
.joblist ul li a{ display: block; height: 38px; line-height: 38px; float: right; background: #604a7b; color: #fff; margin-top: 20px; width: 120px; text-align: center; }

.jobinfo{ margin-bottom: 100px;}
.jobinfo .hd{background: #f3f3f3;padding: 20px 30px;}
.jobinfo .hd h2{font-size: 28px;}
.jobinfo .hd dl{ margin-top: 10px; }
.jobinfo .hd dl span{ color: #777777; }
.jobinfo .jobcontent{ margin-top: 30px; padding: 0 30px;}
.jobinfo .jobcontent h4{ color: #f1501a; font-size: 18px; margin-bottom: 10px; font-weight: bold;}
.jobinfo .jobcontent dd{ line-height: 25px; color: #555555; }
.jobinfo .jobemail{background: #f3f3f3; text-align: center; margin-top: 50px; line-height: 25px; padding: 20px;}
.jobinfo .jobemail span{ color: #604a7b; font-weight: bold; }


/* 联系我们 */
.contitle{ text-align: center; border-bottom: 1px solid #dddddd;}
.contitle h2{ font-size: 30px; padding-bottom: 20px;}


.contact{}
.contact h2{font-size: 32px; border-bottom: 1px solid #E7E7E7; padding-bottom: 20px; margin: 30px 0;}
.contact ul{}
.contact ul li{ float: left; width: 50%; font-size: 18px; margin-bottom: 20px;}
.contact ul li i{float: left; margin-right: 10px; font-size: 30px; width: 30px;}

.message{ margin: 50px auto;}
.message .layui-form-label{ text-align: left; padding: 0;line-height: 38px; font-size: 22px;}
.message .layui-input{ border: 1px solid #e2e3e4; }
.message span{ padding-left: 10px; color: #FF0000;}
.message .layui-btn{ display: block; background: #ec151f; text-align: center; margin: 0 auto; border: none; padding: 8px 40px;}


/* 新闻资讯列表页 */
.newsfl{ text-align: center; margin: 50px 0;}
.newsfl ul{ display: inline-block;}
.newsfl ul li{ float: left;  margin:0 10px ;}
.newsfl ul li a{display: block; height: 40px; line-height: 40px; padding: 0 20px;background: #FFF; border-radius: 40px;}
.newsfl ul li a:hover{color: #FFF;background: #0093dd;}
.newsfl .active a{color: #FFF;background: #0093dd;}



.newslist{overflow: hidden; margin: 20PX 0;}
.newslist ul{}
.newslist ul li{overflow: hidden; height: 40px; line-height: 40px; border-bottom: 1px dashed #E7E7E7;}
.newslist ul li span{position: relative;}
.newslist ul li span::before{content: ''; position: absolute; background:#ccc; width: 5px; height: 5px; border-radius: 100%; margin-top: 18px; margin-left: 5px;}
.newslist ul li span a{ padding-left: 20px;}
.newslist ul li time{float: right; color: #999;}


/* 新闻资讯详情页 */
.newsinfo{overflow: hidden; background: #f4f4f4; padding: 60px 0;}
.ninfo {overflow: hidden; margin: 20px 0;} 
.ninfo dd{ padding: 20px 0; text-align: center;} 
.ninfo dd h2{ font-size: 28px; margin-bottom: 20px;} 
.ninfo dd time{display: block; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; font-size: 13px; padding: 15px 0; color: #999;} 
.ninfo .info{ line-height: 32px; font-size: 14px;} 
.ninfo .info img{max-width: 100%;} 

/* 新闻资讯详情--右侧 */
.ninfo-R{ width: 278px; margin-left: 40px;background: #FFF; border: 1px solid #e6e6e6; padding: 30px 20px;}

.ninfo-list{overflow: hidden; margin: 20px 0 50px 0;}
.ninfo-list h2{ color: #0050a5; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.ninfo-list ul{overflow: hidden; padding: 10px 0; border-top: 1px solid #dfe0e1;border-bottom: 1px solid #dfe0e1;}
.ninfo-list ul li{ float: left; width: 50%; text-align: left;}
.ninfo-list ul li a{display: block; height: 30px; line-height: 30px; font-size: 15px; color: #666;}
.ninfo-list ul li a:hover{color: #f1501a;}
.ninfo-list .active a{color: #f1501a;}

.ninfo-xg{}
.ninfo-xg h3{font-size: 18px; border-bottom: 1px solid #dfe0e1; margin-bottom: 10px; padding-bottom: 8px; color: #666;}
.ninfo-xg ul{}
.ninfo-xg ul li{ margin-bottom: 10px;}
.ninfo-xg ul li a{color: #999; margin-left: 10px;}
.ninfo-xg ul li a:hover{color: #333;}
.ninfo-xg ul li::before{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #979797;
	border-radius: 50px;
	margin-top: 8px;
}


/* 上一条下一条 */
.nextpage{display: inline-block; width: 100%; border-bottom: 2px solid #e1e1e1; border-top: 2px solid #e1e1e1; margin-top: 50px; line-height: 50px; clear: both;}
.nextpage span{font-size: 14px;color: #9f9f9f;}
.nextpage a{font-size: 14px;color: #9f9f9f;transition: all .3s;}
.nextpage a:hover{color: #f1501a;}
/* 上一条下一条 */